<template>
  <div class="imgtext">
      <span>
         {{title}}
      </span>
      <div class="imglist" >
          <img :src="value.url" v-for='(value,index) in src' :key="index" alt="">           
      </div>
      <span class="author">{{nickname}} {{comment_length}}跟帖</span>
  </div>
</template>
<script>
export default {
    props:["title","src",'comment_length','nickname']  
}
</script>
<style lang='less' scoped>
   .imgtext{
       padding: 20/360*100vw;
       border-bottom: 2px solid #ccc;
       span{
           font-size: 16px;
           color:#333
       }
       .imglist{
           display: flex;
           margin: 12/360*100vw;   
           justify-content: space-around;
           img{
               width: 33%;
               height: 74/360*100vw;
           }
       }
      .author {
               font-size: 14px;
               color: #868686;
           }
   }
</style>